"use strict";
const path = require("path");

function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  publicPath: "./",
  configureWebpack: {
    // name: name,
    resolve: {
      alias: {
        "@": resolve("src"),
      },
    },
  },
  chainWebpack: config => {
    // set svg-sprite-loader
    // 清除配置
    config.module
      .rule('svg')  //找到svg-loader 
      .exclude.add(resolve('src/components/iconSvg/icons'))  //排除目录
      .end()
    // 添加配置
    config.module
      .rule('icons')
      .test(/\.svg$/)  //正则匹配 格式为 svg
      .include.add(resolve('src/components/iconSvg/icons')) //只对src/icon 目录生效
      .end()
      .use('svg-sprite-loader')  //注入插件svg-sprite-loader
      .loader('svg-sprite-loader')  //添加loader
      .options({    //配置为 icon-文件名
        symbolId: 'icon-[name]'
      })
      .end()
  },
  // 本地调试模式下的配置
  devServer: {
    port: 8900,
    // 代理配置
    proxy: {
      "/api": {
        target: "http://127.0.0.1:3000",
        changeOrigin: true, //表示跨域
        pathRewrite: {
          "^/api": "",
        },
      },
    },
  },
  productionSourceMap: false,
};
